<template>
  <div class="item_a">
    <div class="item_a_img">
      <img :src="require('@/assets/images/count/count5/td_c2.png')">
    </div>
    <p>全市景气指数</p>
    <h3>3658</h3>
  </div>
</template>

<script>
export default {
    data() {
      return {

      }
    }
}
</script>

<style lang="less" scoped>
.item_a {
  width: 112px;
  text-align: center;
  position: relative;
}
.item_a_img {
  background: url(~@/assets/images/count/count5/icon_c_bg.png) no-repeat center bottom;
}

.item_a p {
  margin: 0;
  color: #fff;
  font-size: 14px;
}

.item_a h3 {
  margin: 0;
  font-size: 21px;
  font-weight: bold;
  background: linear-gradient(0deg, #FFD667 0.5126953125%, #FFC425 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 21px;
}

.item_a h3 span {
  font-size: 14px;
}

.item_a_img img{
  animation: 4s linear  infinite rot;
}
@keyframes rot{
  0%{transform: rotateY(0deg);}

  25%{transform: rotateY(360deg);}
  100%{transform: rotateY(360deg);}
}
</style>